<nav class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <!--inline svg star-->
            <svg class="navbar-brand" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64"><path d="M64 24.816l-22.111-3.213-9.889-20.036-9.889 20.036-22.111 3.213 16 15.596-3.777 22.022 19.777-10.397 19.777 10.397-3.777-22.022 16-15.596z" fill="#CCCC00"></path></svg>
            <p class="navbar-brand">{{title}}</p>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
             <ul class="nav navbar-nav">
                 {% if enable4 %}
                 <li><a href="control31.html">Control 3.1</a></li>
                 <li><a href="control32.html">Control 3.2</a></li>
                 {% endif %}
                 {% if enable3 %}
                 <li><a href="control33.html">Control 3.3</a></li>
                 <li><a href="control34.html">Control 3.4</a></li>
                 <li><a href="control35.html">Control 3.5</a></li>
                 <li><a href="control37.html">Control 3.7</a></li>
                 {% endif %}

             </ul>
        </div>
    </div>
</nav>
